import { Menu } from 'antd'
import { childrenRoutes } from '../../router/routes'
import { NavLink } from 'react-router-dom'
const App: React.FC = () => {
	return (
		<div>
			<Menu
				mode="inline"
				defaultSelectedKeys={['1']}
				defaultOpenKeys={['sub1']}
				style={{ height: '100%', borderRight: 0 }}
				theme="dark"
			>
				{
					childrenRoutes.map((v, i) => {
						return <Menu.Item key={i}>
							<NavLink to={v.path}>{v.title}</NavLink>
						</Menu.Item>
					})
				}
			</Menu>
		</div>
	)
}


export default App